{%extends file="wap_activity/page/layout.tpl"%}
{%block name="layout-head"%}
    {%require name="wap_common:static/libs/base/base.less"%}
    {%require name="wap_common:static/libs/third/zepto.js"%}
    {%require name="wap_common:static/libs/base/uibase.js"%}
    {%require name="wap_common:static/layout/layout.js"%}
    {%require name="wap_activity:static/double12/double12.less"%}
    {%require name="wap_activity:static/double12/double12.js"%}
    <script>
        P.data('else_activity_key','{%$smarty.get.else_activity_key%}');
        P.data('activity_key','{%$data.activity.activity_key%}');
        P.data('is_share','{%$data.activity.ext%}');
        P.data('contact_from','{%$data.contact_from%}');
    </script>
{%/block%}

{%block name="html-body"%}

    <div class="activity-double12">
        <div class="activity-tip"></div>
        {%if $data.activity.status == 0%}

            <div class="lottery-container lottery-init">
                <div class="tip">
                    <div>没有任何限制</div>
                    <div>红包免费送哦</div>
                </div>
                <div class="lottery-close">
                    <a class="icon"></a>
                </div>
                <a class="btn">点击获取</a>
                <img src="../static/double12/image/cloud.png" class="cloud">
            </div>

        {%elseif $data.activity.ext == 'share'%}

            <div class="lottery-container lottery-done">
                <div class="tip">
                    <div>等待好友帮你加红包</div>
                    <div>也可以先去查看红包</div>
                </div>
                <div class="lottery-open">
                    <div class="amount">
                        <span class="self">￥12</span>
                        <span>+</span>
                        <span>{%$data.amount%}</span>
                    </div>
                    <a class="btn btn-main">查看我的红包</a>
                </div>
                <div style="text-align: center" class="btn1-container">
                    <a class="btn1" href="http://mp.weixin.qq.com/s?__biz=MzA3ODk5NjkzNw==&mid=202560441&idx=1&sn=09f95b1c1402e74d6300e8d5d8c48188#rd">关注服务号，了解真融宝</a>
                </div>
                <img src="../static/double12/image/cloud.png" class="cloud">
            </div>

        {%else%}
            <div class="lottery-container lottery-share">
                <div class="tip">
                    <div>你已经获得12元的红包</div>
                    <div>还有机会翻倍哦</div>
                </div>
                <div class="lottery-open">
                    <div class="amount">
                        <span class="self">￥12</span>
                        <span>+</span>
                        <span>{%$data.amount%}</span>
                    </div>
                    <a class="btn btn-main">分享给好友</a>
                </div>
                <img src="../static/double12/image/cloud.png" class="cloud">
            </div>
        {%/if%}


        <div class="step">
            {%if $data.activity.status == 0%}
                {%$step1 = 'doing'%}
                {%$step2 = ''%}
                {%$step3 = ''%}
            {%elseif $data.activity.ext == 'share'%}
                {%$step1 = 'done'%}
                {%$step2 = 'doing'%}
                {%$step3 = 'doing'%}
            {%else%}
                {%$step1 = 'done'%}
                {%$step2 = 'doing'%}
                {%$step3 = ''%}
            {%/if%}
            <ul>
                <li class="line {%$step1%}">
                    <i></i>
                    <a class="btn-get {%$step1%}">获取红包</a>
                    <div>点击红包，立即获得<span>12</span>元红包</div>
                </li>
                <li class="line {%$step2%}">
                    <i></i>
                    <a class="btn-share {%$step2%}">红包翻倍</a>
                    <div>发送给好友，每个好友可以帮你增加<span>1</span>元，直到红包额达到<span>24</span>元</div>
                </li>
                <li class="{%$step3%}">
                    <i></i>
                    <a class="btn-preview {%$step3%}">查看红包</a>
                    <div>红包已经放在真融宝账户中，快去查看吧</div>
                </li>
            </ul>
            <div class="agreement">
                <a href="/activity/double12agreement">查看活动规则</a>
            </div>
        </div>


        <div class="activity-footer">
            <div style="padding-top:10px;">
                <a href="http://mp.weixin.qq.com/s?__biz=MzA3ODk5NjkzNw==&mid=202560441&idx=1&sn=09f95b1c1402e74d6300e8d5d8c48188#rd">关注真融宝服务号</a>
            </div>
        </div>


        <div class="mask">
            <div class="content">
                <div>真融宝正在为你准备红包呢</div>
                <div>要耐心等待哦</div>
            </div>
        </div>

    </div>
{%/block%}